<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="tabs/tab4" text="返回"></ion-back-button>
    </ion-buttons>
    <ion-title>【D04】标注</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <div>
    <div style="display:flex;flex-direction: row;justify-content:space-between;flex-wrap:wrap">
      <button style="border-radius: 6px;margin-top: 6px;height: 30px;" (click)="click1()">文字标注</button>
      <button style="border-radius: 6px;margin-top: 6px;height: 30px;" (click)="click2()">动画标注</button>
      <button style="border-radius: 6px;margin-top: 6px;height: 30px;" (click)="click3()">点标注</button>
      <button style="border-radius: 6px;margin-top: 6px;height: 30px;" (click)="click4()">多点标注</button>
    </div>
    <br>
    <div style="margin-bottom: 6px;display: flex;flex-direction: column;">
      <button style="border-radius: 6px;height: 30px;" (click)="click5()">添加多点文字标注</button>
      <button style="border-radius: 6px;height: 30px;margin-top: 6px;" (click)="click6()">删除id为1的文字标注</button>
    </div>
  </div>
  <div id="bdmap" style="height: 100%;width:100%"></div>
</ion-content>
